<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
  <c></c>
  <cp></cp>
</div>
<div id="aoo">
  <c></c>
  <cp></cp>
</div>

<script src="../js/vue.js"></script>
<script>
  const cheese = Vue.extend({
    template: `<div>
<p>随便你是啥</p>
<h1>啥也不是</h1>
</div>`
  });
  Vue.component('c',cheese);
  const cheeses = Vue.extend({
    template: `<div>
<p>随便你是啥plus</p>
<h1>啥也不是plus</h1>
</div>`
  });
  const app = new Vue({
    el: '#app',
  });
  const aoo = new Vue({
    el: '#aoo',
    components: {
      cp: cheeses,
    }
  })
</script>
</body>
</html>